﻿body
{
   font-family: Tahoma, Times New Roman, Serif;
   font-size: 12px;
   background:#e4fec5;
   margin-top:0;
   margin-bottom:-20px;
}

td
{
   vertical-align: top;
}

td.fieldname
{
   text-align: right;
   font-size: 10px;
   font-weight: bold;   
}

h3
{
    padding-left:10px;    
    text-transform:uppercase;
    color:#D70215;
    font-weight:bold;        
}

hr
{
   border:solid 1px #066DAB;
   width:95%;
}

#mainbody
{
    margin: 0 auto;
    width:1020px;
    background:url('images/mainbody.png') repeat-y;
}
#header
{
    margin: 0 auto;
    height:120px;    
    width:1000px;
    background:url('images/banner.png') no-repeat;
}
#headermenu
{
    height:32px;    
    background-color:Transparent;     
    width:1000px;
    margin: 0 auto; 
}
#wellcome
{
    margin-top:-10px;
    height:30px;    
    width:990px;    
}
#menuleft {
  background : url('images/menu.png') no-repeat;
  height: 32px;
  line-height: 30px;
  width: 1000px;
  margin: 0 auto; /* Căn giữa màn hình */
  /*border: 1px solid #A2D2EA;*/
  text-align: left; /* Fix cho IE */
}
#menuleft ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#menuleft ul li {
  margin: 0;
  padding: 0;
  display: inline; /* Các phần tử li sẽ ở trên một dòng*/
}
#menuleft li a {
  color: White;
  font-weight: bold;
  padding: 7px 10px 7px;
  text-transform: uppercase;
  text-decoration: none;
}
#menuleft li a:hover
{
    color:#ffeb8c;
}
#headermenu .content .menu
{
    padding-top:5px;
    color:White;
    font-size:15px;
    text-transform:uppercase;
    font-weight:bold;
}
#headermenu .content .hovermenu
{
    color:#E67817;
}
#mainpage
{
    margin: 0px auto;
    padding:0 15px;
    background-color:Transparent;
    width:990px;
    min-height:400px;
}

/*LEFT COL*/      
#leftcol
{
   position: relative;
   width: 200px;
   float:left;
   padding:0px;
   background-color:Transparent;
}
#leftcol .title
{   
    text-align:left;
    padding:8px 10px 0 5px;    
    height:22px;
    text-transform:uppercase;
    color:White;
    font-weight:bold;
    margin-top:5px;
    background:url(images/left_title.png) no-repeat;
}
#leftcol .body
{
    padding:0 5px 0 3px;
    background:url(images/left_body.png) repeat-y;
}
#leftcol .bodynopadding
{
    padding:0;
    background:url(images/left_body.png) repeat-y;
}
#leftcol .bottom
{
    height:6px;
    background:url(images/left_bottom.png) no-repeat;
}
/*END LEFT COL*/  

/*LEFTNOPADDING COL*/      
#leftcol
{
   position: relative;
   width: 200px;
   float:left;
   padding:0px;
   background-color:Transparent;
}
#leftcol .titlenopadding
{   
    text-align:center;
    padding:8px 10px 0 0;    
    height:22px;
    text-transform:uppercase;
    color:#D90518;
    font-weight:bold;
    margin-top:5px;
    /*background:url(images/left_titlenopadding.png) no-repeat;*/
}
#leftcol .bodynopadding
{
    padding:0;
    background:url(images/left_bodynopadding.png) repeat-y;
}
#leftcol .bottomnopadding
{
    height:6px;
    background:url(images/left_bottomnopadding.png) no-repeat;
}
/*END LEFTNOPADDING COL*/ 

/*RIGHT COL*/      
#rightcol
{
   position: relative;
   width: 200px;
   float:right;
   padding:0px;
   background-color:Transparent;
}
#rightcol .title
{   
    text-align:left;
    padding:8px 10px 0 5px;    
    height:22px;
    text-transform:uppercase;
    color:White;
    font-weight:bold;
    margin-top:5px;
    background:url(images/left_title.png) no-repeat;
}
#rightcol .body
{
    padding:0 5px 0 5px;
    background:url(images/left_body.png) repeat-y;
}
#rightcol .bodynopadding
{
    padding:0;
    background:url(images/left_body.png) repeat-y;
}
#rightcol .bottom
{
    height:6px;
    background:url(images/left_bottom.png) no-repeat;
}
/*END RIGHTCOL*/ 

/*CENTERCOL*/
#centercol
{
   margin-left:5px;
   position: relative;
   width:580px;
   padding: 0px;
   float:left;  
   background-color:Transparent;
}
#centercol .title
{   
    padding:8px 0 0 10px;    
    height:22px;
    text-transform:uppercase;
    color:White;
    font-weight:bold;
    margin-top:5px;
    background:url(images/center_title.png) no-repeat;
}
#centercol .title a {}
#centercol .title a:hover
{
    color:#ffeb8c;
}
#centercol .body
{
    padding:10px;
    background:url(images/center_body.png) repeat-y;
}
#centercol .bottom
{
    height:6px;
    background:url(images/center_bottom.png) no-repeat;
}
#centercol .title1
{
    margin-top:5px;
    height:5px;
    background:url(images/center_title1.png) no-repeat;
}
#centercol .body .imagecontent
{
    padding:10px;
    width:220px;
    height:220px;
    background-color:#EFEFEF;
    border: solid 5px #FDEE97;
}
#centercol .body .imagecontentdetail
{
    width:115px;
    height:115px;
    background-color:#EFEFEF;
    border: solid 5px #FDEE97;
}
/*END CENTERCOL*/

/*CENTERCOL ADMIN*/
#centeradmincol
{   
   position: relative;
   width:785px;
   padding: 0px;
   float:right;  
   background-color:Transparent;
}
#centeradmincol .title
{     
    height:22px;
    text-transform:uppercase;
    color:White;
    font-weight:bold;
    margin-top:5px;
    /*background:url(images/centeradmin_title.png) no-repeat;*/
}
#centeradmincol .body
{
    padding:10px;
    /*background:url(images/centeradmin_body.png) repeat-y;*/
}
#centeradmincol .bottom
{
    height:10px;
    /*background:url(images/centeradmin_bottom.png) no-repeat;*/
}
/*END CENTERCOL ADMIN*/

/*FOOTER*/
#footer
{
   margin:0 auto;
   clear:both;
   text-align:center;
   width: 1000px;
   height:60px;
   background-color:#6A6967;
   /*background:url(images/bg_footer.png) repeat-x;*/
}
#footer .content
{
    padding-top:2px;
    font-size:x-small;
    text-transform:uppercase;
}
#footer .content a
{
    font-weight:bold;
    text-decoration:none;
    color:#FFFFFF;
}
#footer .content a:hover
{
    text-decoration:underline;
    color:White;
}
#footer .content ul li {
  padding:0 5px;
  display: inline; /* Các phần tử li sẽ ở trên một dòng*/
}
#footer .content .copyright
{
    text-transform:lowercase;
}
/*END FOOTER*/

/*BEGIN SETTINGS*/
.setting td 
{
    width:200px;
}
/*END SETTINGS*/

/*KHAC*/
.details
{
    font-weight:bold;
    width:90px;
    height:18px;
    padding-top:2px;
    background-color:#89B556;
    border:1px solid Gray;
}
.details a
{
    color:White;
    text-decoration:none;
}
.details a:hover
{
    text-decoration:underline;
}
.titleProduct
{    
    text-decoration:none;
    text-transform:uppercase;
    color:#36483C; 
    font-weight:bold; 
}
.titleProduct a
{    
    text-decoration:none;
    text-transform:uppercase;
    color:#36483C;   
    font-weight:bold; 
}
.titleProduct a:hover
{    
    text-decoration:underline;
    text-transform:uppercase;
    color:#E67817;    
}
.highlight
{
    background-color: #fefbd2;
    color: #000080;
}
#screenshot{	position:absolute;	border:1px solid #ccc;	background:#333;	padding:5px;	display:none;	color:#fff;}